<template>
  <view>
    <view class="list">
      <view class="ul">
        <view class="li" @click="goHref('updateCarried')">
          <view class="left">
            <view class="iconfont icon-jiankangzheng"></view>
            <view class="txt">修改用户信息<strong></strong></view>
          </view>
          <u-icon
            class="right"
            slot="right"
            name="arrow-right"
            color="#c0c4cc"
            size="16"
          ></u-icon>
        </view>
        <view class="li" @click="goHref('facephoto')">
          <view class="left">
            <view class="iconfont icon-yongpiao"></view>
            <view class="txt">人脸照片<strong></strong></view>
          </view>
          <u-icon
            class="right"
            slot="right"
            name="arrow-right"
            color="#c0c4cc"
            size="16"
          ></u-icon>
        </view>
        <view class="li" @click="goHref('healthCard')">
          <view class="left">
            <view class="iconfont icon-jiankangzheng"></view>
            <view class="txt">健康证<strong></strong></view>
          </view>
          <u-icon
            class="right"
            slot="right"
            name="arrow-right"
            color="#c0c4cc"
            size="16"
          ></u-icon>
        </view>
        
      </view>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      carriedUserid: '',
    }
  },
  onLoad(option) {
    if (option && option.id) {
      console.log(option.id)
      this.carriedUserid = option.id
    }
  },
  methods: {
    goHref(txt) {
      if (txt == 'updateCarried') {
        uni.navigateTo({
          url: `/pagesC/carryUserUpdate/carryUserUpdate?id=${this.carriedUserid}`,
        })
      } else if (txt == 'healthCard') {
        uni.navigateTo({
          url: `/pagesC/healthCard/healthCard?id=${this.carriedUserid}`,
        })
      } else if (txt == 'facephoto') {
        uni.navigateTo({
          url: `/pagesC/userFacephoto/index?id=${this.carriedUserid}`,
        })
      }
    },
  },
}
</script>

<style lang="scss">
@import url('/static/font-alibb/iconfont.css');

.wrap {
  width: 100%;
  position: relative;
  min-height: 100vh;
  overflow-x: hidden;
  overflow-y: scroll;
  background: #f8f8f8;
}

.list {
  width: 96%;
  border-radius: 15rpx;
  background: #fff;
  height: 800rpx;
  margin: 0 auto;

  .ul {
    margin: 0;
    padding: 0;
    margin-top: 10rpx;
    display: flex;
    flex-flow: column;
    justify-content: flex-start;

    .li {
      display: flex;
      justify-content: space-between;
      align-items: center;
      height: 100rpx;
      line-height: 100rpx;
      border-bottom: 1px solid #f5f5f0;
      padding: 0 20rpx;

      .left {
        display: flex;
        justify-content: flex-start;
        align-items: center;

        .txt {
          margin-left: 15rpx;
          
        }
      }
    }
  }
}
</style>
